<template>
    <div class="header">
        <div style="display: flex;"><span style="font-size: 24px; margin-bottom: 20px;
font-family: SourceHanSansSC-regular;">项目名称:XXXXXXX</span>
            <div style="line-height: 20px;
border-radius: 20px 20px 20px 20px;
background-color: rgba(129, 179, 55, 1);
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
height: 20px;
width: 70px;
font-family: Roboto;margin-right: 50px;margin-left: 20px;">进行中</div>
        </div>

        <div><span class="text">项目编号:XXXXXXX</span></div>
        <div><span class="text">立项时间:XXXXXXX</span></div>
        <div><span class="text">牵头部门:XXXXXXX</span></div>
    </div>
</template>
  
<script>

export default {
    data() {
        return {
        }
    },
    components: {

    },
}
</script>
  
<style scoped>
.header {
    display: flex;

    .text {
        color: rgba(16, 16, 16, 1);
        font-size: 14px;
        text-align: left;
        font-family: SourceHanSansSC-regular;
        margin-left: 170px;
        /* margin-top: 50px; */
    }
}
</style>